<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" (click)="btnCloseClick()"><span aria-hidden="true">&times;</span><span
      class="sr-only">Close</span>
    </button>
    <h3 class="modal-title text-center">{{title}}</h3>
  </div>
  <div class="modal-body">
    <form>
      <div class="form-group row">
        <label class="col-lg-2 col-form-label"> ID: </label>
        <div class="col-lg-10">
          <input type="number" class="form-control" [value]="role.id" disabled/>
        </div>
      </div>
      <div class="form-group row"><label class="col-lg-2 col-form-label"> 角色名: </label>
        <div class="col-lg-10"><input type="text" class="form-control" [value]="role.name" disabled/></div>
      </div>
      <div class="form-group row"><label class="col-lg-2 col-form-label"> 描述: </label>
        <div class="col-lg-10"><input type="text" class="form-control" name="description" [(ngModel)]="role.description"
                                      [value]="role.description"/></div>
      </div>
      <div class="form-group row"><label class="col-lg-2 col-form-label"> 创建者: </label>
        <div class="col-lg-10"><input type="text" class="form-control" [value]="role.creator" disabled/></div>
      </div>
      <div class="form-group row"><label class="col-lg-2 col-form-label"> 状态: </label>
        <div class="col-lg-10">
          <ui-switch [checked]="role.status==1" (change)="statusChange($event)">

          </ui-switch>
        </div>
      </div>
    </form>
  </div>

  <div class="modal-footer">
    <button type="button" class="btn btn-white" (click)="btnCloseClick()">取消</button>
    <button type="button" class="btn btn-primary" (click)="btnConfirmClick()">保存</button>
  </div>
</div>
